<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/web/commons/global.jsp"%>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>佛教音乐-极乐佛经网-提供大藏经下载大全_佛经念诵_经书抄写_助印经书_经书结缘</title>

<meta name="keywords" content="佛教音乐,极乐佛经登录,极乐佛经,极乐佛经网,极乐佛经官网" />
<meta name="description"
	content="佛教音乐|极乐佛经|极乐佛经网|佛经大全|佛经下载|佛经念诵|经书抄写|助印经书|经书结缘-极乐佛经网。极乐佛经网是由净顺居士发心为广大佛友所编辑整理的在线看经、在线阅读佛经平台；包含佛经原文，佛经译文，佛经注音，佛经故事，佛经视 频，大藏经等相关佛教经典大全；让更多的佛友能从中学习到佛经、佛法的善知识！" />

<link rel="shortcut icon"
	href="${baseUrl }/resources/img/favicon.ico?a=3" type="image/x-icon" />
<link rel="bookmark" href="${baseUrl }/resources/img/favicon.ico?a=3"
	type="image/x-icon" />
<link href="${baseUrl }/resources/bootstrap-3.3.5/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${baseUrl }/resources/font/Font-Awesome-3.2.1/css/font-awesome.min.css"
	rel="stylesheet" />
<!--<link href="unslider/css/unslider.css" rel="stylesheet"/>-->
<!--<link href="unslider/css/unslider-dots.css" rel="stylesheet"/>-->

<link rel="stylesheet" href="${baseUrl }/resources/css/app.css" />
<link rel="stylesheet" href="${baseUrl }/resources/css/index.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/article/article_list.css" />


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<script src="${baseUrl }/resources/js/jquery-3.0.0.min.js"
	type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/bootstrap-3.3.5/js/bootstrap.min.js"></script>

<script src="${baseUrl }/resources/js/index.js" type="text/javascript">
	
</script>

</head>

<body>
	<%@ include file="/WEB-INF/jsp/web/commons/header.jsp"%>

	<div class="main-content-wrapper">
		<div class="main-content-wrapper-split">
			<section class="main-content">
				<div class="vertical-spacing-10"></div>
				<div class="top-wrapper">
					<div class="hello-wrapper">
						<div class="hello">hello,来探寻足迹吧!</div>
						<div class="type-items">
							<ul class="ul-li-horizontal">
								<!-- 								<li> -->
								<!-- 									<div class="dropdown" id="typeItemsDropdown"> -->
								<!-- 										<a class="btn btn-default dropdown-toggle clear-radius" -->
								<!-- 											type="button" data-toggle="dropdown" aria-haspopup="true" -->
								<!-- 											aria-expanded="true"> 全部 <input class="value-store" -->
								<!-- 											type="text" value="0" /><span class="caret"></span> -->
								<!-- 										</a> -->
								<!-- 										<ul class="dropdown-menu clear-radius" -->
								<!-- 											aria-labelledby="typeItemsDropdown"> -->
								<!-- 											<li style=""><a class="clear-radius" href="#">全部<input -->
								<!-- 													class="value-store" type="text" value="0" /> -->
								<!-- 											</a></li> -->
								<!-- 											<li style=""><a class="clear-radius" href="#">连载中<input -->
								<!-- 													class="value-store" type="text" value="1" /></a></li> -->
								<!-- 											<li style=""><a class="clear-radius" href="#">已完结<input -->
								<!-- 													class="value-store" type="text" value="2" /></a></li> -->
								<!-- 										</ul> -->
								<!-- 									</div> -->

								<!-- 								</li> -->
								<li class="vertical-split-line-1"></li>
								<!-- 								<li><a class="btn btn-default btn-sm clear-radius">经典</a></li> -->
								<li><a class="btn btn-default btn-sm clear-radius sort">最近更新<input
										class="value-store" type="text" value="1" /></a></li>
								<li><a class="btn btn-default btn-sm clear-radius sort">最火<input
										class="value-store" type="text" value="2" /></a></li>
								<div class="clear-both"></div>
							</ul>
						</div>
						<div class="clear-both"></div>
					</div>
					<div class="breadcrumbs-wrapper">
						<nav class="breadcrumbs-nav">
							<ol class="breadcrumb breadcrumbs-nav-ol">
								<li class="active">热门</li>
							</ol>
						</nav>
					</div>

				</div>
				<div class="content-wrapper">
					<div class="nav-wrapper">
						<nav class="content">
							<div class="btn-group-vertical btns clear-radius" role="group"
								aria-label="...">
								<a type="button" class="cur-active btn btn-default clear-radius">热门</a>
								<c:forEach items="${dCategorys }" var="dCategory">
									<a type="button" id="topCategory_${dCategory.id }"
										class="btn btn-default clear-radius"
										data-extral="childCategoriesForTop_${dCategory.id }">${dCategory.name
										}
										<input class="value-store" type="text"
										value="${dCategory.id }" />
									</a>
								</c:forEach>
							</div>
						</nav>
					</div>

					<div class="cur-articles-wrapper">
						<div id="-ARTICLE-MAIN-CONTENT-">
							<div class="articles-wrapper">
								<div class="items">
									<c:forEach items="${articles }" var="article">
										<div class="item">
											<a href="${baseUrl }/article/${article.id}.html"
												target="_blank">
												<div class="item-main item-left-bd">
													<h4>
														<c:if test="${not empty  article.coverUrl}">
															<img alt="${article.title }" src="${article.coverUrl}"
																class="img-circle" style="width: 20px; height: 20px;">
														</c:if>${article.title }
													</h4>
													<div class="tips">编自:${article.copyWebsiteName }-${article.showTime }-游览次数:${article.statistics.countWatch }</div>
													<div class="clear-both"></div>
													<p class="desc hid">
														<c:if test="${not empty  article.coverUrl}">
															<img alt="${article.title }" src="${article.coverUrl}"
																class="img-circle" style="width: 100px; height: 100px;">
														</c:if>
														${article.summary }
													</p>
												</div>
											</a>
										</div>
									</c:forEach>
								</div>
							</div>

							<div class="vertical-spacing-20"></div>
							<div class="article-pagination-wrapper">
								<div class="content">
									<ul class="pagination page-ul">

										<c:if test="${pagination.index > 1}">
											<li class="page-item"><a href="javascript:;"
												onclick="getArticleList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${empty param.progress ? 0 : param.progress},${pagination.index - 1})">&laquo;</a></li>
											<li class="page-item"><a href="javascript:;"
												onclick="getArticleList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${empty param.progress ? 0 : param.progress},1)">首页</a></li>
										</c:if>

										<c:forEach begin="${pagination.index }"
											end="${pagination.index + 7}" varStatus="pageStatus">
											<c:if test="${pageStatus.index <= pagination.pages}">
												<c:choose>
													<c:when test="${pageStatus.first }">
														<li class="page-item cur-page"><a href="javascript:;">${pageStatus.index
																}</a></li>
													</c:when>
													<c:otherwise>
														<li class="page-item"><a href="javascript:;"
															onclick="getArticleList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${empty param.progress ? 0 : param.progress},${pageStatus.index })">${pageStatus.index
																}</a></li>
													</c:otherwise>
												</c:choose>
											</c:if>
										</c:forEach>

										<c:if test="${pagination.index < pagination.pages}">
											<li class="page-item"
												onclick="getArticleList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${empty param.progress ? 0 : param.progress},${pagination.index + 1})"><a
												href="javascript:;">&raquo;</a></li>
											<li class="page-item"
												onclick="getArticleList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${empty param.progress ? 0 : param.progress},${pagination.pages} )"><a
												href="javascript:;">尾页</a></li>
										</c:if>

										<!-- 													<li class="page-item has-more"><a href="javascript:;">&hellip;</a></li> -->
									</ul>
								</div>
							</div>

						</div>
					</div>
					<div class="clear-both"></div>
				</div>
				<div class="vertical-spacing-30"></div>
			</section>

			<%@ include file="/WEB-INF/jsp/web/commons/footer.jsp"%>


			<c:forEach items="${dCategorys }" var="dCategory">
				<div id="childCategoriesForTop_${dCategory.id }"
					class="hid top-type-child-nodes"
					data-extral="topCategory_${dCategory.id }">

					<c:forEach items="${dCategory.childDCategories }" var="child">
						<div class="type-node">
							<div class="arrow"></div>
							<div class="circle-wrapper">
								<div class="circle"></div>
							</div>
							<div class="name">
								${child.name } <input class="value-store" type="text"
									value="${child.id }" />
							</div>
							<div class="clear-both"></div>
						</div>
					</c:forEach>

					<div class="clear-both"></div>
				</div>
			</c:forEach>

		</div>
	</div>

</body>

<script src="${baseUrl }/resources/js/app.js" type="text/javascript">
	
</script>

<script src="${baseUrl }/resources/js/article/article_list.js"
	type="text/javascript">
	
</script>

</html>